<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>layui</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="__PUBLIC__/layui/css/layui.css"  media="all">
  <link rel="stylesheet" href="__PUBLIC__/font-awesome/css/font-awesome.min.css" media="all" />
  <link rel="stylesheet" href="__CSS__/admin.css"  media="all">
</head>
<body style="padding:10px;">
  <div class="tplay-body-div">
    <div class="layui-tab">
      <ul class="layui-tab-title">
        <li><a href="{:url('admin/convert/index')}" class="a_menu">旗力币兑换房卡</a></li>
  
         <li class="layui-this"><a href="javascript:void(0)" class="add">添加</a></li>
      </ul>
    </div> 
    <div style="margin-top: 20px;">
    </div>
    
    <form class="layui-form" id="admin">
        <div class="layui-form-item">
          <button class="layui-btn layui-btn-primary"><a href="javascript:void(0)" class="add">添加套餐</a></button>
     
      </div>
    {volist name="list" id="vo"}
       <div class="layui-form-item">
          <label class="layui-form-label">套餐{$vo.id}</label>
        <label class="layui-form-label">旗力币</label>
        <div class="layui-input-inline">
         <input name="coin_one[]" lay-verify="required" placeholder="请输入旗力币" autocomplete="off" class="layui-input" type="text" value="{$vo.coin_one}" >
           <input  type="hidden" name="id[]" lay-verify="required" placeholder="请输入旗力币" autocomplete="off" class="layui-input" type="text" value="{$vo.id}" >
        </div>
        <label class="layui-form-label">房卡</label>
        <div class="layui-input-inline">
           <input name="card_one[]" lay-verify="required" placeholder="请输入房卡" autocomplete="off" class="layui-input" type="text" value="{$vo.card_one}">
        </div>
      </div>

          {/volist}
   
  
    <div class="tg"></div>

</div>
   
    
 
      <div class="layui-form-item">
        <div class="layui-input-block">
          <button class="layui-btn" lay-submit lay-filter="admin">立即提交</button>
          <button type="reset" class="layui-btn layui-btn-primary">重置</button>
        </div>
      </div>
      
    </form>


    <script src="__PUBLIC__/layui/layui.js"></script>
    <script src="__PUBLIC__/jquery/jquery.min.js"></script>
  
    <script>
      layui.use(['layer', 'form'], function() {
          var layer = layui.layer,
              $ = layui.jquery,
              form = layui.form;
          $(window).on('load', function() {
              form.on('submit(admin)', function(data) {
                  $.ajax({
                      url:"{:url('admin/convert/add')}",
                      data:$('#admin').serialize(),
                      type:'post',
                      async: false,
                      success:function(res) {
                          if(res.code == 1) {
                              layer.alert(res.msg, function(index){
                                location.href = res.url;
                              })
                          } else {
                              layer.msg(res.msg);
                          }
                      }
                  })
                  return false;
              });
          });
      });
    </script>

<script type="text/javascript">
$(function(){
    $(".add").click(function(){
        var newObj = $('<div class="layui-form-item"> <label class="layui-form-label">套餐</label>'+'<label class="layui-form-label">旗力币</label>'+
           '<div class="layui-input-inline">'+
         ' <input  type="hidden" name="id[]" lay-verify="required" placeholder="请输入旗力币" autocomplete="off" class="layui-input" type="text" value="" ><input name="coin_one[]" lay-verify="required" placeholder="请输入旗力币" autocomplete="off" class="layui-input" type="text" value="" >'+
        '</div>'+
         '<label class="layui-form-label">房卡</label><div class="layui-input-inline">'+
           '<input name="card_one[]" lay-verify="required" placeholder="请输入房卡" autocomplete="off" class="layui-input" type="text" value="">'+
        '</div></div>');
        $(".tg").append(newObj);


    });
});

 
</script>
  </div>
</body>
</html>